<template>
  <div class="applyNotesPage">
    <div class="head_top"><img src="@/assets/images/logoTop.png" alt=""></div>
    <h3>报名须知</h3>
    <div class="applyNotes_info">
      <div class="note_item">
        <h2>报名条件：</h2>
        <p>1、您是川籍农民工。</p>
        <p>注释：农民工是指户籍仍在农村，进入城市务工和在当地或异地从事非农产业劳动 6 个月的及以上的劳动者。</p>
        <p>2、请在下列城市中选择进站上车：北京、上海、福州、南京、常州、苏州、无锡、南昌。</p>
      </div>
      <div class="note_item">
        <h2>重要提醒：</h2>
        <p class="tesu">1、请注意！一个微信号仅限一人抢票报名，切勿多次且重复提交!</p>
        <p>2、本次活动专列为动车或高铁。</p>
        <p>
          3、本次公益活动仅面向川籍农民工，请您认真准确填写本人报名信息，上传真实有效的二代身份证件，您的报名信息如经组委会核实有误，组委会有权取消您的报名资格。如果因信息填写有误或报名者自身的个人信用问题而造成无法完成购买车票或无法检票进站的，由报名者自行承担相应责任。</p>
        <p>4、本次公益活动本着公平、公正、真实的原则进行，将在报名信息中采取幸运抽取方式赠送免费车票。</p>
        <p>5、每人限参加报名一次，如被幸运抽取，对应的免费车票“一证一张”。</p>
        <p>6、经幸运抽取，获得专列车票出票后，不可退换或改签。</p>
        <p>7、春运期间，返乡车票紧俏，请报名前，谨慎参与。对于获得免费车票却未乘车的川籍农民工，五年内将无法参与“开往春天的幸福列车”平台活动。</p>
        <p>8、禁止使用任何外挂、插件，对于使用非正常手段参与报名的用户，组委会有权取消您的报名资格。</p>
        <p>9、获得免费车票的幸运者，我们将于名单公布时，通过官方公众号/电话/短信等方式通知您乘车信息及票务领取方式，届时请注意查收。</p>
        <p>10、根据铁路部门相关规定，一个大人可免票携带一名1.2米以下儿童。</p>
        <p>
          11.根据《铁路旅客运输规程》第五十一条规定：旅客携带品由自己负责看管。每人免费携带品的重量和体积为：儿童（含免费儿童）10千克，外交人员35千克，其他旅客20千克。每件物品外部尺寸长、宽、高之和不超过160厘米，杆状物品不超过200厘米，但乘坐动车组列车不超过130厘米；重量不超过20千克。残疾人旅行时代步的折叠式轮椅可免费携带并不计入上述范围。<span
          style="color:red;font-weight:bold">为保证列车正常运行，请勿携带过多过大的行李上车。</span></p>
      </div>
      <div class="note_item">
        <h2>报名时间：</h2>
        北京至成都线路：<br/>2019年12月17日-2019年12月28日<br/>
        福州至成都线路：<br/>
        第一批次：2019年12月17日-2019年12月28日<br/>
        第二批次：2019年12月29日-2019年12月30日<br/>
        上海至成都线路：<br/>
        第一批次：2019年12月17日-2019年12月28日<br/>
        第二批次：2019年12月29日-2020年1月2日

      </div>
      <div class="note_item">
        <h2>幸运抽取时间：<span>（幸运抽取分为两批次）
</span></h2>
        <!--                <p>北京站：2019年12月29日 <br />-->
        <!--                  上海及福州站：第一批：2019年12月29日<br />-->
        <!--                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
        <!--                  第二批：2020年1月3日-->
        <!--                </p>-->
        <p>第一批次：2019年12月29日<br/>
          第二批次：2020年1月3日 </p>
      </div>
      <div class="note_item">
        <h2>名单公布时间：<span>（官方公众号公布）</span></h2>
        <!--                <p>北京站：2019年12月30日<br />-->
        <!--                  上海及福州站：第一批：2019年12月30日-->
        <!--                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 第二批：2020年1月3日-->
        <!--                </p>-->
        <p>
          第一批次：2019年12月30日<br/>
          第二批次：2020年1月3日
        </p>
      </div>
      <div class="note_item nobot">
        <h2>发车时间：</h2>
        <p>北京线路：北京西-成都东   </p>                                     
        <p> 发车时间：2020年1月8日或9日（参与报名前请确定做好这两个日期中的任何一天出发的准备，最终时间以抽取后通知的车票时间为准） </p>
        <p> 出发站点：北京西 </p>
        <p> 到达站点：广元/青川/江油/绵阳/德阳/成都东 </p>
        <br/>
        <p> 上海线路：上海虹桥-成都东 </p>
        <p> 发车时间：2020年1月8日 </p>
        <p> 出发站点：上海虹桥/苏州北/无锡东/常州北/南京南 </p>
        <p> 到达站点：广元/江油北/绵阳/德阳/成都东        </p>                                 
        <br/>
        <p> 福州线路：福州-成都东 </p>
        <p> 发车时间：2020年1月8日 </p>
        <p> 出发站点：福州/南昌西 </p>
        <p> 到达站点：成都东 </p>
        <br/>
      </div>
      <div class="intro">本次活动最终解释权归组委会所有。</div>
      <div class="intro">报名咨询:010-84785399</div>
      <div class="applyEntry" @click="applyEntry"></div>
    </div>
  </div>
</template>
<script>
  export default {
    methods: {
      applyEntry() {
        this.$router.replace({
          path: '/applyNotesForm'
        })
      }
    }
  }
</script>
<style scoped>
  .applyNotesPage {
    width: 7.5rem;
    /* height: 31rem; */
    background: url(~@/assets/images/cloud02.png) no-repeat left .31rem/3.86rem 1.55rem, url(~@/assets/images/cloud.png) no-repeat bottom right/6.08rem 2.51rem;
    padding-top: 1.85rem;
    position: relative;
    padding-bottom: 2rem;
  }

  .applyNotesPage .head_top {
    width: 2.86rem;
    height: .86rem;
    position: absolute;
    top: .48rem;
    right: .46rem;
  }

  .applyNotesPage .head_top img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .applyNotesPage h3 {
    color: #fff;
    height: .82rem;
    width: 6rem;
    margin: 0 auto;
    background-color: #ff1022;
    border-radius: .2rem;
    line-height: .82rem;
    font-size: .5rem;
    font-weight: bold;
    text-align: center;
  }

  .applyNotesPage .applyNotes_info {
    width: 6rem;
    margin: .29rem auto 0;
    background-color: #fff;
    border-radius: .2rem;
    box-shadow: 0 0 .16rem rgba(0, 0, 0, .14);
    padding: 0 .3rem;
    padding-top: .24rem;
    padding-bottom: 1.3rem;
    position: relative;
  }

  .note_item {
    border-bottom: .03rem solid #ff1022;
    padding-bottom: .16rem;
    padding-top: .1rem;
  }

  .tesu {
    color: #ff1022;
    font-weight: bold;
  }

  .note_item.nobot {
    border-bottom: 0;
  }

  .note_item h2 {
    font-size: .36rem;
    color: #ff1022;
    font-weight: bold;
    text-align: left;
  }

  .note_item h2 span {
    font-size: .24rem;
    color: #000;
  }

  .note_item p {
    font-size: .24rem;
    line-height: .38rem;
  }

  .applyNotes_info .intro {
    font-size: .24rem;
    color: #ff1022;
    font-weight: bold;
    text-align: center;
  }

  .applyEntry {
    display: block;
    width: 1.74rem;
    height: 1.74rem;
    background: url(~@/assets/images/applyEntry.png);
    background-repeat: no-repeat;
    background-size: 1.74rem 1.74rem;
    position: absolute;
    left: 2.13rem;
    bottom: -.5rem;
    animation: mm 3s linear infinite;
  }

  @keyframes mm {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2)
    }
    100% {
      transform: scale(1)
    }
  }
</style>
